
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="img/tyust.png">
		<title>2019级毕业生实习</title>
	</head>
	<body>
	<h2>表单</h2>
			<form action="tit.html" action="post">
				用户名 <input type="text" placeholder="请输入用户名"/>
				<br>
				密码<input type="password"/>
				<br>
				生日<input type="date"/>
				<br>
				性别<input type="radio" name="gender"/>男
				    <input type="radio" name="gender"/>女
					<br>
				籍贯<select>
					<option>北京/option>
					<option>浙江</option>
					<option>天津</option>
				</select>
				<br>
				爱好 <input type="checkbox"/> 篮球
				     <input type="checkbox"/> 足球
				     <input type="checkbox"/> 慢跑
				<br>
				照片<input type="file"/>
				<br>
				备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
			    <br>
				<input type="submit" value="注册"/>
				<input type="reset" value="重填"/>
			</form>	
			<h2>超链接</h2>
					<a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html">太原科技大学</a>
					<br>
					<a href="tit.html">太原科技大学</a>
					<h2>图片</h2>
					<img src="img/tyust.png" width="50px"/>
					<h2>表格</h2>
					<table border="1px" width="500px">
						<tr>
							<td>车次</td>
							<td>出发站点</td>
							<td>经过时间</td>
							<td>
								<button>预订</button>
							</td>
						</tr>
						<tr>
							<td>D2789</td>
							<td>2小时30分</td>
							<td>2小时15分</td>
							<td>
								<button>预订</button>
							</td>
						</tr>
						<tr>
							<td>D2566</td>
							<td>北京丰台站</td>
							<td>3小时20分</td>
							<td>
								<button>预订</button>
							</td>
						</tr>			 
					</table>
					<h2>DIV使用</h2>
					<div>
						太原工学院、科大、计算机学院、宋书记、潘院长等;
						<img src="img/tyust.png"/>
					</div>
					<h2>span用法</h2>
					<input type="text"/> <span style="color:red">用户名不能为空！</span>
				    <h2>列表-有序列表和无序列表</h2>
					<ul>
						<li>信息通信专业</li>
						<li>软件工程专业</li>
						<li>网络信息安全专业</li>
					</ul>
					
					<ol>
						<li>信息通信专业</li>
						<li>软件工程专业</li>
						<li>网络信息安全专业</li>
					</ol>
	</body>
</html>